{% stylesheet %}
.footer_wrapper {
  background: var(--footer-bg-color);
  color: var(--footer-font-color);
}

.footer_wrapper .copyright {
  line-height: 1.5;
  text-align: center;
  color: inherit;
  padding: 15px 0;
}

.footer_wrapper dt {
  color: var(--footer-dt-color);
  font-size: 16px;
  font-weight: bold;
  letter-spacing: var(--nav_letter_spacing);
}

.footer_wrapper dd {
  margin-top: 10px;
}

.footer_wrapper dt a {
  color: var(--footer-dt-color);
}

.footer_wrapper .footer_link {
  padding: 75px 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.footer_wrapper .footer_link a {
  display: block;
  color: inherit;
  line-height: 2.4;
  transition: all 0.3s;
}

.footer_wrapper .footer_link a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .footer_wrapper .footer_link {
    padding: 30px 0;
    flex-direction: column;
    text-align: center;
  }
  .footer_wrapper .footer_link dl {
    margin-top: 15px;
  }
  .footer_wrapper .footer_link dl:first-child {
    margin-top: 0;
  }
}

.footer_wrapper .social-media-warp {
  display: flex;
  justify-content: center;
  padding: 12px 0;
  flex-wrap: wrap;
}

.footer_wrapper .social-media-warp .social-media-item {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: var(--color-main);
  margin: 5px 10px;
}

.footer_wrapper .social-media-warp path {
  fill: var(--footer-font-color);
}

{% endstylesheet %}
{% if section  and section.type == "footer" %}{% assign section = section %}{% else %}{% assign section = theme_config.global.sections.footer %}{% endif %}<div class="container-fill footer_wrapper" style="--footer-bg-color:{{section.settings.bg-color}};--footer-font-color:{{section.settings.font-color}};--footer-dt-color:{{section.settings.dt-font-color}}">
  <div class="container-wrapper">
    <div class="footer_link">
      {% get_nav nav_id={section.settings.nav.id} %}
      {% if nav.size > 0 %}
      {% for item in nav.nav_item %}
      <dl>
        <dt>
          {% include "nav_a", nav : item %}
        </dt>
        {%- if item.children -%}
        <dd>
          {% for childrenNav in item.children %}
          {% include "nav_a", nav : childrenNav %}
          {% endfor %}
        </dd>
        {%- endif -%}
      </dl>
      {% endfor %}
      {% else %}
      <dl>
        <dt>{{"Company Info" | upcase}}</dt>
        <dd>
          <a href="/pages/About-Us">About Us</a>
          <a href="/pages/Contact-Us">Contact Us</a>
          <a href="/comments">Customer Reviews</a>
        </dd>
      </dl>
      <dl>
        <dt>{{"Service Center" | upcase}}</dt>
        <dd>
          <a href="/pages/Shipping-policy">Shipping policy</a>
          <a href="/pages/Return-policy">Return policy</a>
          <a href="/pages/Terms-of-service">Terms of service</a>
          <a href="/pages/Privacy-policy">Privacy policy</a>
        </dd>
      </dl>
      <dl>
        <dt>{{"Quick Links" | upcase}}</dt>
        <dd>
          <a href="/search">Search </a>
          <a href="/account/login">Login</a>
          <a href="/account/register">Register</a>
          <a href="/account/trackingorder">Tracking Order</a>
          <a href="/blogs">Blog</a>
        </dd>
      </dl>
      {% endif %}


    </div>
    <div class="social-media-warp">
        {% if theme_config.global.sns_link_facebook %}<a target="_blank" class="social-media-item" href="{{ theme_config.global.sns_link_facebook }}">{% include "icon_share_facebook" ,width:'24',height:'24' %}</a>{% endif %}
        {% if theme_config.global.sns_link_twitter %}<a target="_blank" class="social-media-item" href="{{ theme_config.global.sns_link_twitter }}">{% include "icon_share_twitter" ,width:'24',height:'24' %}{% endif %}
        {% if theme_config.global.sns_link_pintrest %}<a target="_blank" class="social-media-item" href="{{ theme_config.global.sns_link_pintrest }}">{% include "icon_share_pinterest" ,width:'24',height:'24' %}</a> {% endif %}
        {% if theme_config.global.sns_link_instagram %}<a target="_blank" class="social-media-item" href="{{ theme_config.global.sns_link_instagram }}">{% include "icon_share_instagram" ,width:'24',height:'24' %}</a> {% endif %}
        {% if theme_config.global.sns_link_snapchat %}<a target="_blank" class="social-media-item" href="{{ theme_config.global.sns_link_snapchat }}">{% include "icon_share_snapchat" ,width:'24',height:'24' %}</a> {% endif %}
        {% if theme_config.global.sns_link_tiktok %}<a target="_blank" class="social-media-item" href="{{ theme_config.global.sns_link_tiktok }}">{% include "icon_share_tiktok" ,width:'24',height:'24' %}</a> {% endif %}
        {% if theme_config.global.sns_link_tumblr %}<a target="_blank" class="social-media-item" href="{{ theme_config.global.sns_link_tumblr }}">{% include "icon_share_tumblr" ,width:'24',height:'24' %}</a> {% endif %}
        {% if theme_config.global.sns_link_linkedin %}<a target="_blank" class="social-media-item" href="{{ theme_config.global.sns_link_linkedin }}">{% include "icon_share_linkedin" ,width:'24',height:'24' %}</a> {% endif %}
        {% if theme_config.global.sns_link_youtube %}<a target="_blank" class="social-media-item" href="{{ theme_config.global.sns_link_youtube }}">{% include "icon_share_youtube" ,width:'24',height:'24' %}</a> {% endif %}
        {% if theme_config.global.sns_link_vimeo %}<a target="_blank" class="social-media-item" href="{{ theme_config.global.sns_link_vimeo }}">{% include "icon_share_vimeo" ,width:'24',height:'24' %}</a> {% endif %}
        {% if theme_config.global.sns_link_vk %}<a target="_blank" class="social-media-item" href="{{ theme_config.global.sns_link_vk }}">{% include "icon_share_vk" ,width:'24',height:'24' %}</a> {% endif %}
        {% if theme_config.global.sns_link_whatsapp %}<a target="_blank" class="social-media-item" href="{{ theme_config.global.sns_link_whatsapp }}">{% include "icon_share_whatsapp" ,width:'24',height:'24' %}</a> {% endif %}
    </div>

    <div class="copyright">{{section.settings.copyright}}</div>
  </div>
</div>
{% schema %}
{
	"tag": "footer",
	"class": "footer",
	"is_global": true,
	"name": {
		"zh_CN": "底部"
	},
	"max_blocks": "0",
	"settings": [
		{
			"type": "card_header",
			"label": {
				"zh_CN": "菜单导航设置"
			}
		},
		{
			"type": "card_nav",
			"label": {
				"zh_CN": "选择菜单"
			},
			"default": {
				"id": "",
				"title": ""
			},
			"id": "nav"
		},
		{
			"type": "card_header",
			"label": {
				"zh_CN": "设置"
			}
		},
		{
			"type": "card_color",
			"label": {
				"zh_CN": "背景颜色"
			},
			"default": "#f6f6f6",
			"id": "bg-color"
		},
		{
			"type": "card_color",
			"label": {
				"zh_CN": "字体颜色"
			},
			"default": "#888888",
			"id": "font-color"
		},
		{
			"type": "card_color",
			"label": {
				"zh_CN": "表头颜色"
			},
			"default": "#1d1f21",
			"id": "dt-font-color"
		},
		{
			"type": "card_text_editor",
			"label": {
				"zh_CN": "底部版权"
			},
			"id": "copyright",
			"default": "Copyright © 2006-2021 SHOP INC. All Rights Reserved."
		}
	],
	"blocks": [],
	"default": {
		"settings": {
			"nav": {
				"id": "",
				"title": ""
			},
			"bg-color": "#000000",
			"font-color": "#ffffff",
			"dt-font-color": "#ffffff",
			"copyright": "SHOP INC. All Rights Reserved."
		},
		"blocks": []
	}
}
{% endschema %}